<template>
  <div class="app-container">
    <el-row :gutter="20">
      <!-- 一些设置 -->
      <el-card class="sitting-card">
        <el-tabs type="border-card">
          <!-- 基本资料 -->
          <el-tab-pane>
            <span slot="label"><i class="tabs-icon el-icon-postcard"/>基本资料</span>
            <profile ref="profile"/>
          </el-tab-pane>
          <!-- 登录密码 -->
          <el-tab-pane>
            <span slot="label"><i class="tabs-icon el-icon-lock"/>登录密码</span>
            <password/>
          </el-tab-pane>
        </el-tabs>
      </el-card>
    </el-row>
  </div>
</template>

<script>
import password from "@/views/Profile/Password"
import profile from "@/views/Profile/Profile"

export default {
  name: 'Profile',
  components: {
    password,
    profile
  },
  data() {
    return {}
  },
}
</script>

<style scoped>

</style>
